*{
    margin:0px;
    padding:0px;
}
html,body{
    width:100%;
    height:100%;
}
body{
    background:url("../imgs/background.jpg") no-repeat center 0;
}
.nav{
    width:100%;
    height:48px;
}
.nav>img{
    width:100%;
}
.content{
    width:1000px;
    height:auto;
    background-color:#27415A;
    margin:10px auto;
}
.left{
    float:left;
    width:150px;
}
.right{
    float:right;
    width:240px;
}
.content>.center{
    width:600px;
    height:168px;
    background:url("../imgs/center.jpg") no-repeat 0 0;
    background-size:600px 168px;
    float:left;
    margin-left:4.5px;
}
#comment{
    width:575px;
    height:77px;
    margin-top:42px;
    margin-left:12px;
    resize: none;
    border:none;
    outline:none;
}
.content>.center input{
    width:82px;
    height:30px;
    margin-top:3.5px;
    margin-left:507.5px;
    border:none;
    background-color:#fd8040;
    color:white;
}
.content>.messageList{
    width:600px;
    background:white;
    float:left;
    margin-left:5px;
}
.messageList>.info{
    padding:10px 20px;
    border-bottom:2px solid #ccc;
}
.info>.infoText{
    font-size:10px;
    line-height: 25px;
    margin-bottom:10px;
}
.info>.infoOperation{
    width:100%;
    overflow:hidden;
}
.infoOperation>.infoTime{
    float:left;
    font-size:13px;
    color:#ccc;
}
.infoOperation>.infoHandle{
    float:right;
    font-size:13px
}
.infoHandle>a{
    text-decoration: none;
    color:#ccc;
}
.icon{
    width:20px;
    height:20px;
    margin-right:5px;
}
.page{
    width:1000px;
    height:40px;
    /* background-color:red; */
    overflow:hidden;
    /* margin-left:100px; */
    margin:0 auto;
    line-height: 40px;
    text-align:right;
}
.page>a{
    text-decoration:none;
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid #ccc;
    line-height:20px;
    box-sizing: border-box;
    color:#2b2b2b;
    text-align: center;
}